<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="icon" href="../img/favicon.png"/>
	<link rel="stylesheet" href="../css/bootstrap.min.css"/>
	<link rel="stylesheet" href="../css/style.css">
	<link rel="stylesheet" href="../css/font-awesome.min.css"/>
	<link rel="stylesheet" href="../css/responsive.css">
	<link rel="stylesheet" type="text/css" href="../css/shop.css"/>
	<link rel="stylesheet" type="text/css" href="../css/detale.css"/>
	<script src="../js/vue.js"></script>
	<script src ="../js/vue-resource.js"></script>

	<title>我的团队</title>

</head>

<body><div id="app">
	<!--页眉开始-->
	<header class="buddy-header">
		<div class="top-bar">
			<div class="container">
				<div class="row">
					<div class="col-md-6 col-sm-6 col-xs-12">
						<ul class="n-menu">
							<li>
								<a href="#"><i class="fa fa-usd"></i>货币</a>
							</li>
							<li>
								<a href="#" title=""><img src="../img/China-Flag.png" alt=""/>中文</a>
							</li>
						</ul>
					</div>
					<div class="col-md-6 col-sm-6 col-xs-12 text-center">
						<ul class="tp-right n-menu" v-show="!loginStatus">
							<li class="first">
								<a href="/login"><i class="fa fa-sign-in"></i>登录</a>
							</li>
							<li>|</li>
							<li>
								<a href="/register"><i class="fa fa-sign-in"></i>注册</a>
							</li>
						</ul>
						<ul class="tp-right n-menu" v-show="loginStatus">
							<li class="first">
								<a href="javascript:void(0)"><i class="fa fa-user"></i>{{userName}}</a>
							</li>
							<li>|</li>
							<li class="first" v-show="roleStatus">
								<a href="/userProject"><i class="fa fa-user"></i>我的项目</a>
							</li>
							<li class="first" v-show="!roleStatus">
								<a href="/myProject"><i class="fa fa-user"></i>我的项目</a>
							</li>
							<li v-show="roleStatus">|</li>
							<li class="first" v-show="roleStatus">
								<a href="/myTeam"><i class="fa fa-user"></i>我的团队</a>
							</li>
							<li>|</li>
							<li>
								<a href="/login"><i class="fa fa-sign-in"></i>注销</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>

		<div class="logo-menu-sec">
			<div class="container">
				<div class="row">
					<div class="logo-sec">
						<div class="col-md-3 col-lg-3 col-sm-4 col-xs-12">
							<div class="logo">
								<a href="index.html" title=""><img src="../img/logo.png" alt=""/></a>
							</div>
						</div>
						<div class="col-md-6 col-lg-5 col-sm-4 hidden-xs">
							<ul class="quick-prom">
								<li><i class="fa fa-phone"></i> <span>咨询方式 : 17826807543</span></li>
								<li class="hidden-sm"><i class="fa fa-envelope-o"></i><span><a
										href="#">mail@example.com</a></span></li>
							</ul>
						</div>
						<div class="col-md-3 col-lg-4 col-sm-4 col-xs-12">
							<div class="product-filter-form">
								<form>
									<input type="text" id="search" placeholder="人才搜索" v-model="search"/>
									<a type="button" :href="serachRes"><i class="fa fa-search"></i></a>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="main-menu-area">
			<div class="container">
				<div class="row">
					<div class="col-md-10 col-sm-9 col-xs-12">
						<nav class="main-menu">
							<ul>
								<li class="active">
									<a href="/"> <i class="fa fa-home"></i>主页</a>
								</li>
								<li>
									<a href="/serachRes/null">寻找人才</a>

								</li>
								<li>
									<a href="/projectList">根据类型找项目</a>
								</li>
								<li>
									<a href="javascript:;">关于我们</a>
								</li>
								<li>
									<a href="../shoplist.html">热门商店</a>
								</li>
								<li>
									<a href="/connect">联系我们</a>
								</li>
								<li>
									<a href="javascript:;">博客日志</a>
								</li>
								<li class="mega-parent">
									<a href="https://www.zbj.com/?pmcode=116578316&utm_source=bdpz&utm_medium=SEM">相关网站</a>

								</li>
							</ul>

						</nav>

						<div class="mobile-menu-area">
							<nav id="mobile-menu">
								<ul>
									<li>
										<a href="index.html">主页</a>
									</li>
									<li>
										<a href="../shoplist.html">热卖商品</a>
										<ul>
											<li>
												<a href="../shoplist.html">衬衫</a>
											</li>
											<li>
												<a href="../shoplist.html">裤</a>
											</li>
											<li>
												<a href="../shoplist.html">西装外套</a>
											</li>
											<li>
												<a href="../shoplist.html">鞋</a>
											</li>
										</ul>
									</li>
									<li>
										<a href="../shoplist.html">购物街</a>
										<ul>
											<li class="#">
												<a href="../shoplist.html">牛仔裤</a>
											</li>
											<li class="#">
												<a href="../shoplist.html">衬衣</a>
											</li>
											<li class="#">
												<a href="../shoplist.html">裤子</a>
											</li>
											<li class="#">
												<a href="../shoplist.html">配饰</a>
											</li>
										</ul>
									</li>
									<li>
										<a href="javascript:;">关于我们</a>
									</li>
									<li>
										<a href="../shoplist.html">热门商店</a>
									</li>
									<li>
										<a href="/connect">联系我们</a>
									</li>
									<li>
										<a href="../shoplist.html">产品详情</a>
									</li>
									<li>
										<a href="javascript:;">博客日志</a>
									</li>
									<li>
										<a href="https://www.zbj.com/?pmcode=116578316&utm_source=bdpz&utm_medium=SEM">相关网站</a>
										<ul>
											<li class="#">
												<a href="javascript:;">关于我们</a>
											</li>
										</ul>
									</li>
								</ul>
							</nav>
						</div>

					</div>

					<div class="col-md-2 col-sm-3 hidden-xs">
						<div class="cart-wishlist">
							<ul>
								<li>
									<a href="javascript:;">
										<div class="wishlist">
											<div class="wish-list-inner">
												<i class="fa fa-heart"></i>
											</div>
										</div>
									</a>
								</li>

							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</header>
	<!--页眉结束-->
	<section class="theme">

		<div class="breadcumb-area">
			<div class="bread_main">
				<div class="bread_hading text-center">
					<h1>我的团队</h1>
				</div>
				<ol class="breadcrumb">
					<li class="home">
						<a href="/" title="go to home">home</a>
					</li>
					<li class="myProject">
						<a href="/myProject">search</a>
					</li>
				</ol>
			</div>
		</div>
	</section>

	<section class="container">
		<div class="row">
			<div class="list-view col-lg-12 col-md-12 col-sm-12 col-xs-12">
				<div class="item-product item-product-list">
					<div class="row">
						<div class="list-view col-lg-12 col-md-12 col-sm-12 col-xs-12">
							<div class="item-product item-product-list">
								<div class="row">
									<div class="col-sm-4 col-xs-12">
										<div class="item-product-thumb">
											<div class="small-box">
												<a class="mark" href="#"><img src="../img/daxuesheng.png"></a>
												<div class="float-box" style="display: none; left: 104px; top: 104px;"></div>
											</div>
											<div class="big-box" style="display: none;">
												<img class="bigimg" src="http://imgs-qn.iliangcang.com/ware/goods/big/2/245/245155.jpg?t=1479895994" style="left: 2px; top: -98px;">
											</div>
										</div>
									</div>
									<div class="col-sm-8  col-xs-12">
										<div class="item-product-info2">
											<h3 class="product-info2-title"><a href="#">服务外包省赛</a></h3>
											<div class="ratting-review">

											</div>
											<div class="info-product-price">
												<label class="persale">开始时间</label>
												<span>2018/5/22</span>
											</div>
											<div class="list-item-number">
												<label>相关文档:</label>
												<a href="http://mofcom.wuxi.gov.cn/doc/2017/09/20/1464897.shtml">官方地址入口</a>
											</div>
											<div class="list-item-number">
												<label>相关文档:</label>
												<a href="http://www.fwwb.org.cn/uploads/soft/180330/1-1P330145S2.pdf">下载文档</a>
											</div>
											<div class="product-extra-link">
												　　紧贴服务外包、创新创业、信息技术主题，以应用为导向，加强产学互动，搭建大学生服务外包创新创业应用能力展示平台；引导学生关注现代服务产业，吸引企业关注学生创新创业，促进高校教育改革适应战略性新兴产业发展需求；创新人才培养模式和人才评价体系，促进高校加强服务外包人才培养，为产业发展提供人才支撑；努力打造具有国际影响力的大学生服务外包创新创业展示平台。
											</div>

										</div>

									</div>

								</div>

							</div>
							<div class="about-product">
								<div class="about-product-title">
									<div class="row">
										<div class="col-md-6 col-sm-8 col-xs-12">

											<ul class="tab_button">
												<li class="active">
													<a data-toggle="tab" title="" href="#about-detail" aria-expanded="true">详情</a>
												</li>
											</ul>
										</div>
									</div>
								</div>

								<div class="row">
									<div class="col-md-12 col-xs-12">
										<div class="tab-content">
											<div role="tabpanel" class="tab-pane fade tab-grid active in" id="about-detail">
												面向全国全日制本科高校，参赛队员为在校本科生或研究生（含2012年应届毕业生）。
												以高校为单位报名，每校限报2个参赛队，每队队员限5人（其中本科生不少于3人，可增设指导老师1名）。指导老师应限于赛题与方案指导，禁止直接参与方案内容撰写或直接负责某部分内容竞赛。
												本届大赛试题分为A、B两类，各高校在同类型赛题组仅限一个参赛队报名。
											</div>
											<div role="tabpanel" class="tab-pane fade tab-grid active" id="about-evaluate">
												暂无评价···
											</div>
											<div role="tabpanel" class="tab-pane fade tab-grid active" id="about-shop">
												商家很懒没有写介绍···
											</div>
										</div>
									</div>
								</div>

							</div>

						</div>
					</div>


				</div>

			</div>

		</div>
		<!--<div class="about-product">-->
		<!--<div class="about-product-title">-->
		<!--<div class="row">-->
		<!--<div class="col-md-6 col-sm-8 col-xs-12">-->

		<!--<ul class="tab_button">-->
		<!--<li class="active">-->
		<!--<a data-toggle="tab" title="" href="#about-detail" aria-expanded="true">商品详情</a>-->
		<!--</li>-->
		<!--<li>-->
		<!--<a data-toggle="tab" title="" href="#about-evaluate" aria-expanded="false">商品评价</a>-->
		<!--</li>-->
		<!--<li>-->
		<!--<a data-toggle="tab" title="" href="#about-shop" aria-expanded="false">关于店铺</a>-->
		<!--</li>-->
		<!--</ul>-->
		<!--</div>-->
		<!--</div>-->
		<!--</div>-->

		<!--<div class="row">-->
		<!--<div class="col-md-12 col-xs-12">-->
		<!--<div class="tab-content">-->
		<!--<div role="tabpanel" class="tab-pane fade tab-grid active in" id="about-detail">-->
		<!--数据更新中···-->
		<!--</div>-->
		<!--<div role="tabpanel" class="tab-pane fade tab-grid active" id="about-evaluate">-->
		<!--暂无评价···-->
		<!--</div>-->
		<!--<div role="tabpanel" class="tab-pane fade tab-grid active" id="about-shop">-->
		<!--商家很懒没有写介绍···-->
		<!--</div>-->
		<!--</div>-->
		<!--</div>-->
		<!--</div>-->

		<!--</div>-->


	</section>

	<!--页脚开始-->
	<div class="section-info pt55 pb55">
		<div class="parallax-bg">

			<div class="section-content">
				<div class="container">
					<div class="row">

						<div class="col-md-4 col-sm-6 col-xs-12">
							<a class="info-block" href="#"><i class="fa fa-truck"></i>
								<h3>网上交付</h3>
								<p>安全可靠</p>
							</a>
						</div>
						<div class="col-md-4 col-sm-6 col-xs-12">
							<a class="info-block" href="#"><i class="fa fa-headphones"></i>
								<h3>支持定制</h3>
								<p>全天候24小时支持</p>
							</a>
						</div>
						<div class="col-md-4 col-sm-6 col-xs-12">
							<a class="info-block" href="#"><i class="fa fa-diamond"></i>
								<h3>高品质</h3>
								<p>拥有最好的品质和品牌</p>
							</a>
						</div>
					</div>
				</div>
			</div>

		</div>
	</div>

	<div class="our_clients_area pt55 pb55">
		<div class="container">
			<div class="row">
				<div class="col-md-12 col-sm-12">
					<div class="section-title text-center pb30">
						<h1>品牌与客户</h1>
						<span></span>
					</div>
					<div class="client-active">
						<div class="client-name">
							<img src="../img/client/01.png" alt="">
						</div>
						<div class="client-name">
							<img src="../img/client/02.png" alt="">
						</div>
						<div class="client-name">
							<img src="../img/client/03.png" alt="">
						</div>
						<div class="client-name">
							<img src="../img/client/04.png" alt="">
						</div>
						<div class="client-name">
							<img src="../img/client/05.png" alt="">
						</div>
						<div class="client-name">
							<img src="../img/client/06.png" alt="">
						</div>
						<div class="client-name">
							<img src="../img/client/04.png" alt="">
						</div>
						<div class="client-name">
							<img src="../img/client/03.png" alt="">
						</div>
						<div class="client-name">
							<img src="../img/client/02.png" alt="">
						</div>
						<div class="client-name">
							<img src="../img/client/01.png" alt="">
						</div>
						<div class="client-name">
							<img src="../img/client/05.png" alt="">
						</div>
						<div class="client-name">
							<img src="../img/client/06.png" alt="">
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<footer>
		<div class="footer-widgets-area pt55">
			<section class="block">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<div class="content-box no-margin go-simple">
								<div class="row">
									<div class="col-md-3 col-sm-4 col-xs-12">
										<div class="widget about-widget">
											<div class="logo">
												<a href="index.html"><img alt="" src="../img/logo2.png"></a>
											</div>
											<p>威客校园是一个为了让学生之间建立交往、互利互助的威客平台，以个人自身智慧、知识、能力、经验来实现个人价值； </p>
											<ul>
												<li>
													<i class="fa fa-map-marker"></i> Zhejiang University of Science and
													Technology
												</li>
												<li>
													<i class="fa fa-phone"></i> 17826807543
												</li>
											</ul>
										</div>
									</div>
									<div class="col-md-3 col-sm-4 col-xs-12">
										<div class="widget how-to-buy">
											<h3 class="heading2">客户服务</h3>
											<ul>
												<li>
													<a href="#" title="">联系我们</a>
												</li>
												<li>
													<a href="#" title="">网站地图</a>
												</li>
												<li>
													<a href="#" title="">条款与条件</a>
												</li>
												<li>
													<a href="#" title="">礼品</a>
												</li>
											</ul>
										</div>

									</div>
									<div class="col-md-3 hidden-sm col-xs-12">
										<div class="widget customer-services">
											<h3 class="heading2">信息</h3>
											<ul>
												<li>
													<a href="#" title="">我们的博客</a>
												</li>
												<li>
													<a href="#" title="">关于我们</a>
												</li>
												<li>
													<a href="#" title="">安全交易</a>
												</li>
												<li>
													<a href="#" title="">隐私政策</a>
												</li>
											</ul>
										</div>

									</div>
									<div class="col-md-3 col-sm-4 col-xs-12">
										<div class="widget news-letter">
											<h3 class="heading2">最新消息推送</h3>
											<p>平台最新优惠信息推送</p>
											<form>
												<input type="text" placeholder="请输入你的邮箱"/>
												<button type="submit"><i class="fa fa-search"></i></button>
											</form>
											<ul class="social-buttons">
												<li>
													<a class="fbook" href="#" title=""><i
															class="fa fa-facebook"></i></a>
												</li>
												<li>
													<a class="frss" href="#" title=""><i class="fa fa-rss"></i></a>
												</li>
												<li>
													<a class="tublr" href="#" title=""><i
															class="fa fa-linkedin"></i></a>
												</li>
												<li>
													<a class="gplus" href="#" title=""><i class="fa fa-google-plus"></i></a>
												</li>
												<li>
													<a class="twitt" href="#" title=""><i class="fa fa-twitter"></i></a>
												</li>
											</ul>
										</div>

									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
		</div>

		<div class="bottom-line">
			<div class="container">
				<div class="row">
					<div class="col-md-6 col-sm-6 col-xs-12">
						<ul class="payment-support">
							<li><img src="../img/icon/pay1.png" alt=""/></li>
							<li><img src="../img/icon/pay2.png" alt=""/></li>
							<li><img src="../img/icon/pay3.png" alt=""/></li>
							<li><img src="../img/icon/pay4.png" alt=""/></li>
							<li><img src="../img/icon/pay5.png" alt=""/></li>
							<li><img src="../img/icon/pay6.png" alt=""/></li>
						</ul>
					</div>
					<div class="col-md-6 col-sm-6 col-xs-12">
						<span>本网站所有解释权 © 2016 -<a href="#">PromotShop.</a> 版权所有 </span>
					</div>
				</div>
			</div>
		</div>
	</footer>

</div></body>

<script src="../js/jquery-1.12.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/jquery-3.1.1.min.js"></script>
<script src="../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/fly.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/owl.carousel.min.js"></script>
<script src="../js/jquery.meanmenu.js"></script>
<script src="../js/jquery-ui.min.js"></script>
<script src="../js/wow.min.js"></script>
<script src="../js/jquery.nivo.slider.pack.js"></script>
<script src="../js/plugins.js"></script>
<script src="../js/main.js"></script>
<script src="../js/jquery.fly.min.js" type="text/javascript" charset="utf-8"></script>

<script src="../js/sousuo.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/addcart.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="../css/element.css">
<script src="../js/element.js"></script>
<script>
    new Vue({
        el: '#app',
        created(){
            this.initData();
            this.userInit();
        },
        data() {
            return {
                pager:{
                    pageNo:1,
                    pageSize:10,
                },
                tableData: [],
                gridData:[],
                currentPage4:1,
                dialogFormVisible: false,
                dialogListVisible: false,
                deleteStatus:false,
                userName:'',
                roleStatus: true,
                teamId:'',
                form: {
                    name: '',
                    githubAddress:'',
                },
                rules: {
                    name: [
                        { required: true, message: '请输入团队名称', trigger: 'blur' },
                    ],
                    githubAddress: [
                        { required: true, message: '请输入github地址', trigger: 'blur' },
                    ]
                },
            };

        },
        methods: {
            userInit() {
            },
            ensure(row){
                this.$http.post('/userStatus/ensure',{},{params:{userId:row.id,teamId:this.teamId}}).then(function (res) {
                    if (res.body.body!=null){
                        this.$message({
                            message: res.body.body,
                            type: 'success'
                        });
                        this.dialogListVisible=false;
                    }
                    this.initData();
                });
            },
            dialogListClose(){
                this.dialogListVisible=false;
                this.deleteStatus=false;
            },
            initTeamData(row){
                this.teamId=row.id;
                if (row.role==="1"){
                    this.deleteStatus=true;
                }
                this.dialogListVisible=true;
                if (this.teamId!==null){
                    this.$http.post('/team/initMemberData',{},{params:{teamId:this.teamId}}).then(function (res) {
                        this.gridData=res.body.body;
                    });
                }
            },
            dataFormat(row, column, cellValue) {
                if (row.status == 0) {
                    return "待确定";
                } else if (row.status == 1) {
                    return "创建完成";
                } else if (row.status == 2) {
                    return "已解散";
                }
                else {
                    return "未知";
                }
            },
            RoleDataFormat(row, column, cellValue) {
                if (row.role == 1) {
                    return "队长";
                }
                else {
                    return "队员";
                }
            },
            StatusDataFormat(row, column, cellValue) {
                if (row.role == 0) {
                    return "未确认";
                }
                else {
                    return "已确认";
                }
            },
            handleSizeChange(val) {
                console.log(`每页 ${val} 条`);
                this.pager.pageSize=val;
                this.initData();
            },
            handleCurrentChange(val) {
                console.log(`当前页: ${val}`);
                this.pager.pageNo=val;
                this.initData();
            },
            initData(){
                this.$http.post('/team/init',{},{params:this.pager}).then(function (res) {
                    this.tableData=res.body.list;
                    this.pager.total=parseInt(res.body.total);
                });
            },
            onSubmit(form) {
                this.$refs[form].validate((valid) => {
                    if (valid) {
                        this.$http.post('/team/create',{},{params:this.form}).then(function (res) {
                            this.message = res.body.name;
                            this.dialogFormVisible=false;
                            this.initData();
                            console.log("aaaaaaa" + this.message);
                        });
                    } else {
                        console.log('error submit!!');
                        return false;
                    }
                });
            }
        },
    })
</script>
</html>